.item {
    display: flex;
    flex: calc(100% / 3 - 20px);
    margin: 20px 10px 0;
    border-radius: var(--border-radius);
    background: var(--t-container-background);

    &:hover {
        text-decoration: none;

        .name {
            color: var(--color-text-height);
        }

        .faceImg::after {
            right: -25px;
            transform: rotate(90deg);
        }
    }

    .faceImg {
        display: block;
        position: relative;
        // max-width: 120px;
        // max-height: 120px;
        width: 120px;
        height: 120px;

        &::after {
            display: inline-block;
            content: '';
            position: absolute;
            top: 0;
            right: -20px;
            width: 100%;
            height: 100%;
            background: url('@assets/img/disc.png') no-repeat;
            background-size: contain;
            transition: all .4s linear;
        }

        &:hover {
            &::after {
                right: -25px;
                transform: rotate(90deg);
            }
        }
    }

    :global(.ant-image) {
        z-index: 9;
        border-radius: var(--border-radius);
        overflow: hidden;
    }

    .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        flex: 3;
        padding: 10px;
        margin-left: 30px;
        overflow: hidden;

        .name {
            font-size: 16px;
            line-height: 18px;
            font-weight: 400;
            height: 44px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all;
            color: var(--t-muted-color);
        }

        .artist {
            font-size: 14px;
            height: 14px;
            color: var(--t-muted-color);
        }

        .count {
            display: flex;
            justify-content: space-between;
            line-height: 12px;
            font-size: 12px;
            font-weight: 300;
            color: var(--t-muted-color);
        }
    }
}